<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="#0A5AF9">
    <title>账单明细</title>
    <link rel="stylesheet" type="text/css" href="../css/public-head.css" />
    <link rel="stylesheet" type="text/css" href="../css/bill.css" />
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/mui.min.css" />

    <style>
    html,body {
    	background-color: #EEEEEE;
    }

    * {
    	margin: 0;
    	padding: 0;
    }
    </style>

</head>

<body>

    <div class="main">
        <div class="bill-time">
            <div>
            	<div class="timer">
	                <div>2018年11月<span><img src="../image/icon/ARROWRIGHTk5@2x.png" alt="" /></span></div>
	            </div>
	            <div>支出￥0.0<span>收入￥600.0</span></div>
            </div>

            <div class="top-right">
				<div class="bill">
						<img src="../image/icon/qiehuanchel2@3x.png" />
						<div class="way" style="color:#0A5AFA;">月账单</div>
				</div>
			</div>
        </div>
        <!--支付列表-->
        <div class="bill-list">
            <div class="bill-list_1" tapmode onclick="transaction_details()">
                <div class="bill-list_tu">
                    <div><img src="../image/icon/details-weixin.png" alt="" /></div>
                </div>
                <div class="bill-list_con">
                    <div>微信充值</div>
                    <div>[钱包]</div>
                    <div>11月24日 10:06</div>
                </div>
                <div class="bill-list_mon">
                    <div>+100.0</div>
                </div>
            </div>
            <div class="bill-list_1" tapmode onclick="transaction_details()">
                <div class="bill-list_tu">
                    <div><img src="../image/icon/zhifb@2x.png" alt="" /></div>
                </div>
                <div class="bill-list_con">
                    <div>支付宝充值</div>
                    <div>[钱包]</div>
                    <div>11月16日 20:16</div>
                </div>
                <div class="bill-list_mon">
                    <div>+500.0</div>
                </div>
            </div>
            <div class="bill-list_1" tapmode onclick="transaction_details()">
                <div class="bill-list_tu">
                    <div><img src="../image/icon/puxi@2x.png" alt="" /></div>
                </div>
                <div class="bill-list_con">
                    <div>普洗</div>
                    <div>[钱包支付]</div>
                    <div>11月13日 20:16</div>
                </div>
                <div class="bill-list_mon">
                    <div>-35.0</div>
                </div>
            </div>
            <div class="bill-list_1" tapmode onclick="transaction_details()">
                <div class="bill-list_tu">
                    <div><img src="../image/icon/puxi@2x.png" alt="" /></div>
                </div>
                <div class="bill-list_con">
                    <div>普洗</div>
                    <div>[微信支付]</div>
                    <div>10月23日 20:16</div>
                </div>
                <div class="bill-list_mon">
                    <div>-35.0</div>
                </div>
            </div>
            <div class="bill-list_1" tapmode onclick="transaction_details()">
                <div class="bill-list_tu">
                    <div><img src="../image/icon/puxi@2x.png" alt="" /></div>
                </div>
                <div class="bill-list_con">
                    <div>汽车保养</div>
                    <div>[支付宝支付]</div>
                    <div>09月23日 20:16</div>
                </div>
                <div class="bill-list_mon">
                    <div>-198.0</div>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/public-head.js"></script>
<script type="text/javascript" src="../script/rem.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/mui.js"></script>

<script type="text/javascript">
    headInner({
        title: "",
        //headleft
        headl: '<a href="javascript:history.back(-1)" style="color:white" class="mui-icon mui-icon-left-nav" tapmode onclick="api.closeWin()"></a>',
        //headright
        headr: '<a style="color:white"></a>',
        color: "", //默认是蓝色
        padding: "0px 0px 0px",
    })

    function Wallet() {
        api.openWin({
            name: 'Wallet',
            url: '../html/Wallet.html'
        });
    }

    function transaction_details() {
        api.openWin({
            name: 'transaction-details',
            url: '../html/transaction-details.html'
        });
    }
</script>

</html>
